Skip to content
High-Performance Full Stack-Development

Search is only available in production builds. Try building and previewing the site to test it out locally.

Learning Objectives

Overview:

Designing and styling the hero section.

atopshop hero atopshop responsive hero

Learning Objectives:

  • Using background images.
  • Styling input elements.
  • Advanced CSS3 properties.

AtopShop Component:

Hero section with background image and search input.

Assignment:

Implement the hero section with a search input.